import styled from 'styled-components'

export const RecommendWrapper = styled.div`
  .main_content {
    border: 1px solid #d3d3d3;
    border-bottom: none;
    background-image: url(${require('@/assets/img/wrap-bg.png')});
    display: flex;
    > .left {
      padding: 20px;
      width: 729px;
    }
    > .right {
      width: 250px;
      margin-left: 1px;

      .apply_singer {
        cursor: pointer;
        .btn {
          width: 205px;
          height: 31px;
          line-height: 31px;
          color: #333;
          display: block;
          text-align: center;
          border-radius: 4px;
          margin-left: 20px;
          padding: 0 5px 0 0;
          background-position: right -99px;
          
          .btn_i {
            color: #333;
            width: 200px;
            background-position: 0 -58px;
            display: inline-block;
          }
        }
      }
    }
  }
`
